<!--
 * @Author: Wushiqi
 * @Descripttion: 
 * @Date: 2021-05-14 10:15:20
 * @LastEditor: Wushiqi
 * @LastEditTime: 2021-05-14 10:57:32
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>算法</title>
  <!-- js有操作dom，因此用defer -->
  <script src="./冒泡排序法.js" defer></script>
</head>
<body>
  <span>排序前：</span><span id="before-bubble"></span>
  <br>
  <span>排序后：</span><span id="after-bubble"></span>
  <br>
  <button id="bubble">冒泡排序法</button>
  <hr>
  <span>排序前：</span><span id="before-quick"></span>
  <br>
  <span>排序后：</span><span id="after-quick"></span>
  <br>
  <button id="quick">快速排序</button>
  <hr>
  <span>排序前：</span><span id="before-insert"></span>
  <br>
  <span>排序后：</span><span id="after-insert"></span>
  <br>
  <button id="insert">插入排序</button>
  <hr>
</body>
</html>